﻿<html>
<head>
<title>CSS3 Border Style Test </title>

<style type="text/css" id="internalStyle">
p {border-style: dotted; 
   }
h3 {border-style: dashed;}
</style>
</head>

<body>




<h1>CSS3 Border Style Test</h1>





<ul>
<li>
The "border-style" shorthand property sets the style of a border, unless there is a border-image.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a border style
of dotted.
The rule applied is "p {border-style: dotted;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
This h3 heading should have a border style of dashed.
The rule applied is "h3 {border-style: dashed;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
dotted border style.  
</p>

</body>
</html>
